import React from 'react';

export default function SettingsIcon() {
  return (
    <svg
      className="icon-settings"
      xmlns="http://www.w3.org/2000/svg"
      viewBox="0 0 24 24"
    >
      <rect x="0" fill="none" width="24" height="24" />
      <path d="M15 22H9v-2.59c-0.689-0.277-1.336-0.651-1.92-1.11l-2.24 1.3 -3-5.2 2.24-1.29c-0.107-0.736-0.107-1.484 0-2.22L1.84 9.6l3-5.2 2.24 1.3C7.667 5.245 8.313 4.871 9 4.59V2h6v2.59c0.689 0.277 1.336 0.651 1.92 1.11l2.24-1.3 3 5.2 -2.24 1.29c0.107 0.736 0.107 1.484 0 2.22l2.24 1.29 -3 5.2 -2.24-1.3c-0.584 0.459-1.231 0.833-1.92 1.11V22zM11 20h2v-2l0.72-0.21c0.896-0.277 1.717-0.756 2.4-1.4l0.54-0.51 1.77 1 1-1.73 -1.77-1 0.17-0.72c0.227-0.913 0.227-1.867 0-2.78l-0.17-0.72 1.77-1 -1-1.74 -1.77 1 -0.54-0.52c-0.688-0.639-1.512-1.115-2.41-1.39L13 6V4h-2v2l-0.72 0.21C9.386 6.488 8.566 6.963 7.88 7.6L7.34 8.12l-1.77-1 -1 1.74 1.77 1 -0.17 0.72c-0.227 0.913-0.227 1.867 0 2.78l0.17 0.72 -1.77 1 1 1.73 1.77-1 0.54 0.51c0.685 0.643 1.51 1.119 2.41 1.39L11 18V20zM12 15.5c-1.933 0-3.5-1.567-3.5-3.5s1.567-3.5 3.5-3.5 3.5 1.567 3.5 3.5S13.933 15.5 12 15.5zM12 10.5c-0.828 0-1.5 0.672-1.5 1.5s0.672 1.5 1.5 1.5 1.5-0.672 1.5-1.5S12.828 10.5 12 10.5z" />
    </svg>
  );
}
